import React, { Component } from 'react'

import { Button, Dropdown, Menu } from 'antd'

const menu = (
    <Menu>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
          1st menu item
        </a>
      </Menu.Item>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
          2nd menu item
        </a>
      </Menu.Item>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
          3rd menu item
        </a>
      </Menu.Item>
      <Menu.Item danger>a danger item</Menu.Item>
    </Menu>
  );
  

export default class TestAntd extends Component {
    click = () => {
        alert('hello')
    }
    render() {
        return (
            <div>
                <Button
                    type="primary"
                    size="large"
                    onClick={this.click}
                >
                    TestAntd
                </Button>
                <Dropdown
                    overlay={menu}
                >
                    <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
                        Hover me 
                    </a>
                </Dropdown>
            </div>
        )
    }
}
